The following properties are generally used in CSS3
- em element will make the content emphasized
- font-size selects a font size including xx-small, x-small, small, smaller, medium, large, larger, x-large and xx-large
- font-family selects a font name such as arial or calibri
- text-decoration indicates properties like
- underline
- overline
- line-through
- blink
- font-weight picks the "boldness" of text including
- lighter
- normal
- bold
- bolder
- Boldness can also take a number mulitple of 100 instead of text. For example, normal is equal to 400 and bold is set to 700.
This is an example of inline CSS
Two embedded styles are shown here:
Web Courses online
This is an example of how to use embeded style sheet in HTML5. This code is rendered by most web browsers.
===========================================================
The code is here to try out
===========================================================
<!DOCTTYPE html>
<!--Embeded style sheet.html -->
<html>
<head>
<title> Embeded style sheet </title>
<META NAME="Keywords" CONTENT="Inline style" >
<META NAME="Description" CONTENT="CSS Tutorial" >
<style type = "text/css">
h2 {font-family:arial, sans-serif;}
h4 {font-family:calibri sans-serif; font-size:14pt;}
.important {color:red;}
</style>
</head>
<body>
<h3 style="color:red; font-size:14;"> This is an example of inline CSS </h3>
Two embedded styles are shown here:
<h2 class = "important" Web Courses online </h2>
<h4> This is an example of how to use embeded style sheet in HTML5. This code is rendered by most web browsers.</h4>
</p>
</body>
</html>
=============================================================
For more details, please contact me here.
Date of last modification: 2020.